@import "../../scss/export";

.article-btn-component {
  width: 120px;
  height: 40px;
  padding: 0 20px;
  border: 1px solid #ccc;
  border-radius: 6px;
  overflow: hidden;
  line-height: 40px;

  a {
    width: 100%;
    overflow: hidden;
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    color: inherit;
    text-overflow: ellipsis;
  }

  &.read-completed {
    background-color: #0af;
    color: white;

    a {
      &:hover {
        color: #000;
      }
    }
  }

  &.read-part {
    background-color: #f06;
    color: #fff;

    a {
      &:hover {
        color: #000;
      }
    }
  }
}
